<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include} :: header"></head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row">
            <ul class="layui-timeline">
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title" th:text="${eventsRecord.createTimeStr}"></h3>
                        <p>
                            举报人：<span th:text="${eventsRecord.uName}"></span>
                            <br>奖惩项：<span th:text="${eventsRecord.sectionContent}"></span>
                            <br>举报内容：<span th:text="${eventsRecord.content}"></span>
                            <br>图片：<img th:each="img : ${imgList}" th:src="${img.imgUrl}" class='grid-column-qrcode' width='50' height='50' />
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.safeHandleTimeStr == null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">安全科处理中</div>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.safeHandleTimeStr != null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title" th:text="${eventsRecord.safeHandleTimeStr}"></h3>
                        <p>
                            安全科：已移交给<span th:text="${eventsRecord.handleDepartName}"></span>处理
                            <br>处理人：<span th:text="${eventsRecord.safeUserName}"></span>
                            <br>处理意见：<span th:text="${eventsRecord.safeHandleResult}"></span>
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.safeHandleTimeStr != null && eventsRecord.handleDeptTimeStr == null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title"><span th:text="${eventsRecord.handleDepartName}"></span>处理中</div>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.handleDeptTimeStr != null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title" th:text="${eventsRecord.handleDeptTimeStr}"></h3>
                        <p>
                            <span th:text="${eventsRecord.handleDepartName}"></span>：已处理
                            <br>处理人：<span th:text="${eventsRecord.handleUserName}"></span>
                            <br>处理内容：<span th:text="${eventsRecord.deptHandleContent}"></span>
                            <br>图片：<img th:each="img : ${handleImgList}" th:src="${img.imgUrl}" class='grid-column-qrcode' width='50' height='50' />
                        </p>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.handleDeptTimeStr != null && eventsRecord.safeSubmitTimeStr == null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <div class="layui-timeline-title">安全科确认中</div>
                    </div>
                </li>
                <li class="layui-timeline-item" th:classappend="${eventsRecord.safeSubmitTimeStr != null}  ? '' : 'layui-hide'">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <h3 class="layui-timeline-title" th:text="${eventsRecord.safeSubmitTimeStr}"></h3>
                        <p>
                            安全科：已确认
                            <br>处理人：<span th:text="${eventsRecord.safeSubmitUserName}"></span>
                            <br>确认内容：<span th:text="${eventsRecord.safeSubmitResult}"></span>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" th:src="@{/js/appjs/module/eventsRecord/detail.js}"></script>
</body>
</html>
